<ion-header>

  <ion-navbar color="headerColor">
    <ion-title>出勤报表</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding class="bg-color">
  <div style="font-size: 1.5rem; text-align: center">
          <label>班组日期：</label>
          <input [(ngModel)]="bzDate" class="input-text" readonly  (click)="getDate()">
          <input [(ngModel)]="bzDate_old" type="hidden">
          <label>班组：</label>
          <span>{{bzSelect}}</span>
            <label>考勤类型：</label>
            <select [(ngModel)]="kqType" okText="确定" cancelText="取消" placeholder="考勤类型" (change)="changeQuery()">
              <option value="">全部</option>
              <option value="{{type.code}}" *ngFor="let type of attendanceTypes">{{type.name}}</option>
            </select>
  </div>
  <div style="width: 10%;float: left;text-align: right;"><span
    style="font-size: 5rem;color: #f30d0d;"> {{dataList.length}}</span></div>
  <div style="margin-top: 3%">
    <table class="table-list">
      <thead>
      <tr>
        <th>序号</th>
        <th>工号</th>
        <th>姓名</th>
        <th>考勤</th>
        <th>出勤时间</th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let item of dataList;let i=index">
        <td>{{i+1}}</td>
        <td>{{item.personNum}}</td>
        <td>{{item.personName}}</td>
        <td>{{item.attendDetail}}</td>
        <td>{{item.attendHour}}</td>
      </tr>
      </tbody>
    </table>
  </div>
</ion-content>
